<template>
  <ul class="FooterEva">
    <li class="goods">
      <span>￥{{}}</span>
      立即购买
      <span class="iconfont icon-xiangyou1 xiao"></span>
    </li>
    <li>
      <span class="iconfont icon-xiangshang5"></span>
    </li>
    <li>
      <span class="iconfont icon-zixun"></span>
      {{ msg.comments.length }}
    </li>
    <li>
      <span class="iconfont icon-dianzan"></span>
      {{ zanNum }}
    </li>
  </ul>
</template>

<script>
//chuang
export default {
  name: "FooterEva",
  props: ["msg"],
  data() {
    return {
      zanNum: 0,
    };
  },
  watch: {
    msg: {
      handler(newVal, oldVal) {
        let data = this.msg;
        data.comments.forEach((el, index, arr) => {
          this.zanNum += arr[index].parise / 1;
        });
      },
    },
    deep: true,
  }
};
</script>

<style scoped>
.FooterEva {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem;
  position: fixed;
  bottom: 0;
  height: 0.4rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
}
.iconfont {
  font-size: 0.2rem;
}
li {
  height: 100%;
  line-height: 0.4rem;
}
.goods {
  font-size: 0.14rem;
  color: white;
  background: orange;
  height: 0.25rem;
  border-radius: 0.1rem;
  line-height: 0.25rem;
}
.icon-xiangyou1 {
  font-size: 14px;
}
</style>